<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=chrome">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* table {
            color:green;
        } */
        .red {
            color:aqua;
        }
    </style>
</head>
<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table width="500" border="0" cellspacing="0" height="500">
        <!-- 第一行 -->
        <tr>
            <td>
                性别：
            </td>
            <td>
                <input type="radio" id="man" name="sex">
                <label for="man">男</label>
                <input type="radio" id="woman" name="sex">
                <label for="woman">女</label>                
            </td>
        </tr>
        <!-- 2. -->
        <tr>
            <td>
                生日：
            </td>
            <td>
                <select>
                    <option>
                    --请选择年--
                    </option>
                    <option>2000</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                    <option>2004</option>
                    <option>2005</option>
                    <option>2006</option>
                    <option>2007</option>
                    <option>2008</option>
                    <option>2009</option>
                </select>
                <select>
                    <option>
                        --请选择月--
                    </option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                </select>
                <select>
                    <option>
                        --请选择日--
                    </option>
                </select>
            </td>
        </tr>
        <!-- 3. -->
        <tr>
            <td>
                所在地区：
            </td>
            <td><input type="text" placeholder="省-市-县"> </td>
        </tr>
        <!-- 4. -->
        <tr>
            <td>
                婚姻状况:
            </td>
            <td>
                <input type="checkbox" id="zhuangkuang"> <label for="zhuangkuang">未婚</label>
                <input type="checkbox" id="zhuangkuang"> <label for="zhuangkuang">已婚</label>
                <input type="checkbox" id="zhuangkuang"> <label for="zhuangkuang">离婚</label>

            </td>
        </tr>
        <!-- 5. -->
        <tr>
            <td>
                学历:
            </td>
            <td>
                <input type="text" value="幼儿园">
            </td>
        </tr>
        <!-- 6. -->
        <tr>
            <td>
                喜欢的类型：
            </td>
            <td>
                <input type="checkbox"> 无
                <input type="checkbox"> 有
                ...... //....懒得想了
            </td>
        </tr>
        <!-- 7. -->
        <tr>
            <td>
                自我介绍：
            </td>
            <td>
                <textarea placeholder="个人简介" ></textarea>
            </td>
        </tr>
        <!-- 8. -->
        <tr>
            <td>

            </td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <!-- 9. -->
        <tr>
            <td>
            </td>
            <td>
                <input type="checkbox">我同意注册条款和会员加入标准
            </td>
        </tr>
        <!-- 10. -->
        <tr>
            <td>
            </td>
            <td>
                <a href="#">
                    我是会员，点击登录
                </a>
            </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <h4>
                    我承诺
                </h4>
            <ul>
                <li class="red">
                    知情
                </li>
                <li>
                    已满18
                </li>
                <li class="red">
                    严肃而认真
                </li>
            </ul>
                
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
                <input type="reset" value="恢复">
            </td>
        </tr>
    </table>
</body>
</html>